<script setup>
defineOptions({name:'likePage'})
</script>
<template>
<div>
    <van-nav-bar
        left-text="返回"
        left-arrow
        fixed
        @click-left="$router.back()"
        title="喜欢"
      />
      <div style="width: 100%;height: 50px;"></div>
    <van-cell class="article-item">
     <template #title>
        <div class="head">
         <img src="xxx" alt="" />
             <div class="con">
             <p class="title van-ellipsis">宇宙</p>
             <p class="other">标题 | 时间</p>
             </div>
        </div>
            </template>
            <template #label>
                <div class="body van-multi-ellipsis--l2">
                    正文
                </div>
                <div class="foot">点赞 | 浏览 </div>
            </template>
        </van-cell>
    </div>
</template>

<style lang="scss" scoped>

.article-item{
    border-bottom: 1px solid #eee;
.head{
    display: flex;
    align-items: center;
    img{
        width: 35px;
    }
    p{
        margin: 0;
    }
    .con{
        margin-left: 10px;
        .title{
            font-size: 16px;
        }
        .other{
            font-size: 12px;
            color: #999;
        }
    }
}
.body{
    margin-top: 10px;
}
.foot{
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}

}
</style>